
<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- <meta name="viewport" content="width=device-width, initial-scale=1">-->

    <title>Speakrs</title>

    <!-- ESTILO CADASTRO -->
    
    <link href="css/estilo.css" rel="stylesheet">
    

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    

    
    
    
    
    
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    
    
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    
    
  </head>

  <body>

	  
	  
	  
	  
	  
	  
	  
	  <!-- CONTAINER -->
	  
	  
	  <div class="container topo">
		  
		  
		  <div class="row primeiraLinha">
			
			
			<div class="col-md-4 logo">
				
				<img src="imgs/home_logo.png" />
				
			</div>
			  
			 
			
			<div class="col-md-3 col-md-offset-5 inscrevaSe">
				
				<a href="#" class="btn btn-default btnInscrevaSe">Inscreva-se</a>
				
				
			</div>
			
			
			
			
			<div class="row">
				
				<div class="col-md-12 titulosTxt">
				
				<h1 class="homeTitulo">viva experiências locais</h1>
				<h2 class="homeSubTitulo">descubra atividades com pessoas que falam sua língua nativa</h2>
				
				</div>
				
				
			</div>
			
			
			<div class="row">
				
				<div class="col-md-12 cidades">
				
				
					<ul>
					
						<li><a href="#">Fortaleza</a></li>
						<li><a href="#">Brasília</a></li>
						<li><a href="#">Madrid</a></li>
						<li><a href="#">Barcelona</a></li>
						<li class="ultima"><a href="#">São Francisco</a></li>
						
						
					</ul>
				
								
				</div>
				
				
			</div>

			
			
			
			
			
			
			
			<div class="setaBaixo">
				
				<a href="#">
					
					<img src="imgs/setaBaixo.png" />
					
				</a>
				
			</div>
			
			  
			  
		  </div><! /row primeiraLinha -->
		  
		  
		  
	  </div><!-- FIM CONTAINER -->
	  
	  
	  
	  	  <div class="container sobreAutor">
		  
		  
		  <div class="row col-centered">
			  
			  
			  <div class="col-md-12" style="text-align:center;">
				  
				  <div class="avatarAutorSobre">
			  
				  	<img src="imgs/avatarAutor.jpg" class="img-circle" />
				  
				  </div>
				  
			  </div>
			  
			  
		  </div>
		  
		  <div class="row col-centered">
			  
			  <div class="col-md-12" style="text-align:center;">
				  
				  
				  
				<p class="avatarcomAutor">MARCOS MENDES</p>
				  <h4 class="avatarcomAutorNome">FLUSHING CHINATOWN FOOD TOUR</h4>
				  <p class="avatarresumoExp">
					  
					  “Bring your chopsticks and your appetite for a walking tour of<br>
					  Downtown Flushing with the “guy who ate Queens. Experience<br>
					  the sights, sounds, and flavors of Chinatown.”
					  
				  </p>

				  
			  </div>
			  
		  </div>
		  
		  
	  </div><!-- container -->





	   <!-- MENSAGEM -->
	  <div class="container mensagem">
		  
		  <div class="row">
			  
			  
			  <div class="col-md-12 legendaTxt">
				  
				  
				  <h1 class="tituloContHome">Conte-nos mais sobre você</h1>
				  <h2 class="subTituloContHome">Solicite uma experiência e tire dúvidas de como funciona a plataforma.</h2>

				  
				  
			  </div><!-- /col-md-12 -->
			  
			  
		  </div><!-- / row -->
		  
		  
		  <div class="row mTop">
			  
			  <div class="col-md-3"></div>
			  
			  <div class="col-md-6">
				  
				  
				  <form class="form-horizontal" role="form">
					
						  <div class="form-group">
					
						    <input type="email" class="form-control msgInput" id="exampleInputEmail1" placeholder="Seu nome">
						    <input type="email" class="form-control msgInput" id="exampleInputEmail1" placeholder="Seu email">
						    <input type="email" class="form-control msgInput" id="exampleInputEmail1" placeholder="Telefone para contato">
						    <input type="email" class="form-control msgInput" id="exampleInputEmail1" placeholder="Língua nativa">

						    <textarea class="form-control msgInputTA" rows="5" placeholder="Dúvida ou comentário"></textarea> 

						    
						    <button type="submit" class="btn btn-default btnEnviarMsg">Enviar</button>
					
						  </div>
					  
					  </form>
				  
				  
				  
			  </div>
			  
			  <div class="col-md-3"></div>
			  
			  
		  </div>
		  
	  </div><!-- FIM MENSAGEM -->
	  
	  
	  
	  	 <div class="container rodape">
		  
		<div class="row col-centered">
			
			<div class="col-md-4">
				
				<p class="copy">Copyright © Speakrs 2014</p>
			
			</div>
			
			<div class="col-md-3 col-md-offset-5 icoRedes">
				
				<a href="#" target="_blank">
					<img src="imgs/ico_facebook.jpg" />
				</a>
				
				<a href="#" target="_blank">
					<img src="imgs/ico_twitter.jpg" />
				</a>
				
			</div>
			
		</div>
				  
	  </div><!-- /container -->

	  








    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
  </body>
</html>
